#page-sandbox {
    .elu-wrapper {
        .elu-content {
            .pagecontent {
                margin-bottom:0;
            }
        }
    }

    @-webkit-keyframes bounce {
        0%, 100% { -webkit-transform: scale(0.0) }
        50% { -webkit-transform: scale(1.0) }
    }
    @keyframes bounce {
        0%, 100% { 
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        } 50% { 
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }

    .fileUpload {
        position:relative;
        overflow:hidden;
        margin-top:25px;
        input.upload {
            display:inline-block;
            position:absolute;
            top:0;
            right:0;
            font-size:20px;
            cursor:pointer;
            opacity:0;
            filter: alpha(opacity=0);
        }
    }

    .elu-content {
        .row {
            position:relative;
            .dropzone {
                .size(100%);
                top:0;
                left:0;
                position:absolute;
                text-align:center;
                .loader {
                    .size(80px);
                    display:none;
                    position:absolute;
                    bottom:50%;
                    left:50%;
                    margin-bottom:-40px;
                    margin-left:-40px;
                    z-index: -1;
                    .bounce1,
                    .bounce2 {
                        .size(100%);
                        border-radius:50%;
                        background: @lightBlueColor;
                        opacity: 0.6;
                        position: absolute;
                        top:0;
                        left:0;
                        -webkit-animation: bounce 2.0s infinite ease-in-out;
                        animation: bounce 2.0s infinite ease-in-out;
                    }
                    .bounce2 {
                        -webkit-animation-delay: -1.0s;
                        animation-delay: -1.0s;
                    }
                }
                &.hover {
                    .loader {
                        display:inline-block;
                    }
                }
            }
            .fakeTable {
                .coling {
                    &.name {
                        width:60%;
                    }
                    &.time {
                        width:20%;
                    }
                    &.size {
                        width:15%;
                    }
                    &.down {
                        width: 5%;
                    }
                }
            }
        }
    }
}
